/**
 * @version:		$Id: 03-general.css 2 2011-07-26 00:59:53Z epatarroyo $
 * @copyright:		Copyright (C) 2010 OpenWeb Software. All rights reserved.
 * @license:		GNU/GPL
 * This version may have been modified pursuant to the GNU General Public License,
 * and as distributed it includes or is derivative of works licensed under the
 * GNU General Public License or other free or open source software licenses.
 */

/* CSS Styles by Ernesto Patarroyo - OpenWeb - http://openweb.co */

/*****************
4 - General Styles
 *****************/
.clr {
clear: both;
}
a.readon {
display: block;
height: 20px;
line-height: 20px;
}
a.readon:hover,
a.readon:visited {

}
.floatLeft{ float:left;}
.floatRight{ float:right;}
#login a {
color: #635e59;
text-decoration: none;
}
#login a:hover {
text-decoration: underline;
}
#loginform h4,
#search h4,
#nav h4,
#cart h4{
display:none;
}
/* images caption */
div.caption {
padding: 0 10px;
}
div.caption img {
border: 1px dashed #b9c7ca;
}
div.caption p {
font-size: 0.9em;
color: #939393;
text-align: center;
font-style: italic;	
}
div.caption p + p {
}
.align-left {
float: left;	
}
.align-right {
float: right;
}
.important-left,
.important-right {  
color:#8DA2A5;  
width:200px;  
padding:6px;  
font-size:1.5em;  
font-weight:normal;  
font-style: italic; 
}  
.important-right {  
float:right;  
margin-left:20px; 
text-align:left;
}
.important-left {  
float:left;  
margin-right:20px; 
text-align: right;   
}
/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#debug {
position: relative;
}

#debug h3{
color: #000;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#debuginfo{
background:#000;
border: 1px solid #808080;
padding: 10px;
color:#00FF00;
font-size: 1em;
font-family: monospace;
position: absolute;
top: -9000px;
left: -9000px;
}

#debug:hover #debuginfo{
position: relative;
top: 0px;
left: 0px;
}

#debuginfo h4{
margin: 15px 0 0;
border-top: 1px solid #C0C0C0;
color: #fff;
font-size: 1.4em;
font-weight: bold;
}

#maincol .xmap .padding{
padding: 0 20px;
}

/* -- TOOLTIP STYLES ----------------------------- */
.tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  border-radius: 5px;
  padding: 5px;
  max-width: 400px;
  z-index: 50;
}

.tip-title {
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../images/selector-arrow.png) no-repeat;
}

.tip-text {
  font-size: 1em;
  margin: 0;
}

.list01{
  background: transparent url(../../images/bg-list01.jpg) repeat-x top;
  padding-top: 22px;
  border-radius: 15px 15px 0 0;
}


.testimonio{
  width: 241px;
float: right;
margin: 0 0 15px 15px;
}
.t-texto{
  border: 2px solid #E5E5E5;
background: #FAFAFA;
padding: 8px;
border-radius: 9px;
box-shadow: 2px 2px 2px #CFCFCF;
}
.t-cliente{
background: transparent url(../../images/ballon-arrow.jpg) no-repeat 50px 0;
padding: 10px 5px 0;
}

.t-cliente h6{
font-weight: normal;
font-size: 1.1em;
margin: 0;
}
.t-cliente p{
line-height: 1.2;
}


div.formDescription {
clear: both;
}

div.formCaption2{
  font-weight: bold;
}

strong.formRequired{
  color: #F00;
}

.fn.org {
font-weight: bold;
}

.adr {
margin: 25px 0 0;
border-top: 1px dashed #ccc;
}

.street-address{
  font-weight: bold;
}

.formArticle input[type="text"],
.formArticle textarea{
width: 177px;
}
.formArticle input[type="submit"]{
  margin: 0;
}


.formArticle {
width: 210px;
float: right;
background-color: #eee;
margin: 0 0 40px 20px;
padding: 15px;
border-radius: 5px;
border: 1px solid #ccc;
font-size: 11px;
}

.formArticle fieldset {
border: none;
margin: 0;
padding: 0;
border-radius: 0;
}

.formArticle fieldset.formFieldset legend,
#formInfoProduct fieldset.formFieldset legend {
display: none;
}

#formInfoProduct fieldset.formFieldset {
margin: 40px 0;
background: #eee;
font-size: 11px;
}

.img-grilla div{
  float: left;
  border-bottom: 1px dotted #c0c0c0;
  border-right: 1px dotted #c0c0c0;
  padding: 13px;
  margin: 0 1px 1px 0;
  /*padding: 5px;*/
  /*background: #eee;*/
  /*border-radius: 5px;*/
}

.img-grilla img,
.img-grilla div{
  width: 153px;
}

.img-s1{
  background: #eee;
  padding: 10px;
  border-radius: 3px;
}
.img-s2{
  float: right;
  margin: 0 0 15px 15px;
  border: 6px solid #ddd;
}

.blog-s1 h2{
  /*display: none;*/
}

.blog-s1 h2 a{
 display: block;
height: 160px;
position: absolute;
text-indent: -9999px;
top: 0;
width: 167px;
}

.blog-s1 .readmore a{
font-size: 0.85em;
text-transform: uppercase;
}

.blog-s1 .item img{
  /*width: 153px;*/
}

.blog-s1 .item{
  position: relative;
  border-bottom: 1px dotted #c0c0c0;
  border-right: 1px dotted #C0C0C0;
  margin: 0 1px 1px 0;
}
.blog-s1 .row-separator{
  height: 0;
} 
.blog-s1 .cols-4 .item{
  width: 24%;
  height: 230px;
  text-align: center;
}

.blog-s1 .cat-children{
  display: none;
}
.article-info-term{
  display: none;
}

div.jv-social-share-button-contain{
  padding: 12px 0;
}

#joomvision_info{
  display: none;
}

.t-container{
  position: relative;
  overflow: hidden;
}

.t-container div{
  position: absolute;
  
}
.t1, .t2, .t3, .t4{
  z-index: 1;
}

.t1{
  transition:top 0.5s ease-out;
  -moz-transition:top 0.5s ease-out;
  -webkit-transition:top 0.5s ease-out;
  -o-transition:top 0.5s ease-out;
}

.t-container:hover .t1{
  top:100%;
}

.t2{
  transition:right 0.5s ease-out;
  -moz-transition:right 0.5s ease-out;
  -webkit-transition:right 0.5s ease-out;
  -o-transition:right 0.5s ease-out;
}

.t-container:hover .t2{
  right:100%;
}

.t3{
  transition:bottom 0.5s ease-out;
  -moz-transition:bottom 0.5s ease-out;
  -webkit-transition:bottom 0.5s ease-out;
  -o-transition:bottom 0.5s ease-out;
}

.t-container:hover .t3{
  bottom:100%;
}

.t4{
  transition:left 0.5s ease-out;
  -moz-transition:left 0.5s ease-out;
  -webkit-transition:left 0.5s ease-out;
  -o-transition:left 0.5s ease-out;
}

.t-container:hover .t4{
  left:100%;
}

.t{
background: #f8f8f8;
font-size: 0.8em;
padding: 15px;
border: 2px solid #eee;
height: 116px;
}

.fake-button,
.blog-s2 .readmore a{
  border: none;
  margin: 10px;
  padding: 10px 20px;
  background: #00A5EE;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  font-size: 1.1em;
}

a.fake-button,
a.fake-button:hover,
a.fake-button:visited,

.blog-s2 .readmore a,
.blog-s2 .readmore a:hover,
.blog-s2 .readmore a:visited{
  color: #fff;
  text-decoration: none;
}

.fake-button:hover,
.blog-s2 .readmore a:hover{
  background: #0098D9;
}

.aside h3 {
background: #333;
margin: 0;
padding: 2px 11px;
font-size: 1.2em;
color: #fff;
}